<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8"></meta>
<script type="text/javascript" src="/js/vue.js"></script>
<title>Vue.js</title>
</head>
<body>
	<h1>VEXTEND扩展实例构造器</h1>
	<hr></hr>
	
	<author></author>
	<div id="div" ></div>
	
	<script type="text/javascript">
		var authorURL = Vue.extend({
			template:"<p><a :href='authorURL'>{{authorName}}</a></p>",
			data:function(){
				return {
					authorName:'ZHANGFENG',
					authorURL:'www.baidu.com'
				};
			}
		});
		
		new authorURL().$mount("author");
		//id
		new authorURL().$mount("#div");
	</script>
</body>
</html>